<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浏览器的弹出层</title>
</head>
<body>
    <script>
        // 弹出层是浏览器的一个重要功能，它允许开发者在网页上显示额外的信息或交互元素。
        // 下面是一些常见的弹出层类型：
        
        // 1. Alert 弹出层
        alert("这是一个简单的警告弹出层！");

        // 2. Confirm 弹出层
        var userConfirmed = confirm("你确定要继续吗？");
        if (userConfirmed) {
            console.log("用户点击了确认！");
        } else {
            console.log("用户点击了取消！");
        }

        // 3. Prompt 弹出层
        var userInput = prompt("请输入你的名字：", "默认值");
        if (userInput !== null) {
            console.log("用户输入的名字是：" + userInput);
        } else {
            console.log("用户取消了输入！");
        }
    </script>
</body>
</html>